/* base anchor button style */
a.shp-btn {
    float: left;
    padding: 0.5em 0.5em;
    margin: 0 4px 0 0;
    zoom: 1;
    position: relative;
    text-decoration: none !important;
    text-align: center;
    border: 1px solid #000;
    font: normal normal 12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif !important;   
}

a.shp-btn.round{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
}

/* base anchor button icon style */
a.shp-btn span.shp-ico {
    display: block;
    text-indent: -99999px; /* hides any text in the span offscreen */
    overflow: hidden;
    background-repeat: no-repeat;
    /* assume a 16x16 px image */
    width: 16px;
    height: 16px;
    position: absolute;
    top: 50%; /* vertically centers icon */
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
}

/* base anchor button container with a left icon  */
a.shp-btn-ico-lt {
    padding-left: 28px;
}

/* base anchor button container with a right icon */
a.shp-btn-ico-rt {
    padding-right: 28px;
}

/* base anchor button container with a solo icon */
a.shp-btn-ico-s {
    width: 28px;
    height: 28px;
    padding: 0;
}

/* base anchor button container with a solo icon (smaller footprint than the other solo icon) */
a.shp-btn-ico-ss {
    width: 24px;
    height: 24px;
    padding: 0;
}

/* base anchor button left icon */
a.shp-btn-ico-lt span.shp-ico {
    right: auto;
    left: .4em;
    margin-left: 0;
}

/* base anchor button right icon */
a.shp-btn-ico-rt span.shp-ico {
    left: auto;
    right: .4em;
    margin-left: 0;
}

/* base background */
/* no initialized (mouse out) background or border */
a.shp-bn.ni { border: 1px solid transparent; background: none; }
a.shp-btn {   
   background-repeat: no-repeat;
}
a.shp-btn:hover{}

a.shp-btn.ni.disabled, a.shp-btn.ni.disabled:hover { border: 1px solid transparent !important; background: none !important; }
a.shp-btn.disabled, a.shp-btn.disabled:hover{
   background: #dadada url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-00.png")%>') no-repeat scroll -400px 50% !important;  
   border-color: #ababab !important;
   color: #a7a7a7 !important;
}
a.shp-btn.disabled span.shp-ico {
    opacity: 0.5 !important;
    filter: alpha(opacity = 50) !important;
}

/* specific anchor button styles */

/* no initialized (mouse out) background or border */
a.shp-btn.ni.gray, a.shp-btn.ni.defaultred, a.shp-btn.ni.defaultgreen, a.shp-btn.ni.defaultblue, a.shp-btn.ni.aqua, a.shp-btn.ni.office2007, a.shp-btn.ni.silvergreen, a.shp-btn.ni.black, a.shp-btn.ni.winblue, a.shp-btn.ni.remotedesktop, a.shp-btn.ni.red2, a.shp-btn.ni.red, a.shp-btn.ni.green, a.shp-btn.ni.vista, a.shp-btn.ni.yellow, a.shp-btn.ni.orange, a.shp-btn.ni.olive, a.shp-btn.ni.brown, a.shp-btn.ni.green2, a.shp-btn.ni.officeblue { border: 1px solid transparent; background: none; }

a.shp-btn.gray, a.shp-btn.defaultred, a.shp-btn.defaultgreen, a.shp-btn.defaultblue, a.shp-btn.aqua, a.shp-btn.office2007, a.shp-btn.silvergreen, a.shp-btn.black, a.shp-btn.winblue, a.shp-btn.ni.gray:hover, a.shp-btn.ni.defaultred:hover, a.shp-btn.ni.defaultgreen:hover, a.shp-btn.ni.defaultblue:hover, a.shp-btn.ni.aqua:hover, a.shp-btn.ni.office2007:hover, a.shp-btn.ni.silvergreen:hover, a.shp-btn.ni.black:hover, a.shp-btn.ni.winblue:hover {
   background-image: url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-00.png")%>');
}
/* BEGIN gray background */
a.shp-btn.gray {
   background-position: 0;
   background-color: #e3e3e3;
   border-color: #ababab; /*#d3d3d3;*/
   color: #555;
}
a.shp-btn.gray:hover{
   background-position: -400px;
   background-color: #dadada;   
   border-color: #ababab; /*#d3d3d3;*/
   color: #555;
}
/* END gray background */

/* BEGIN red button */
a.shp-btn.defaultred{
   background-position: 0;
   background-color: #e3e3e3;   
   border-color: #ababab; /*#d3d3d3;*/
   color: #555;
}
a.shp-btn.defaultred:hover{
   background-position: -1200px;
   background-color: #fef1ec;   
   border-color: #ec7d77;
   color: #e1342b;
}
/* END red button */

/* BEGIN green buttons */
a.shp-btn.defaultgreen{
   background-position: 0;
   background-color: #e3e3e3;
   border-color: #ababab;
   color: #555;
}
a.shp-btn.defaultgreen:hover{
   background-position: -800px;
   background-color: #e6efc2;
   border-color: #a5c538;
   color: #607320;
}    
/* END green buttons */

/* BEGIN light blue button */
a.shp-btn.defaultblue{
   background-position: 0;
   background-color: #e3e3e3;
   border-color: #ababab;
   color: #555;
}
a.shp-btn.defaultblue:hover{
   background-position: -1600px;
   background-color: #c8dff9;   
   border-color: #84a3ff;
   color: #123272;
}           
/* END light blue button */

a.shp-btn.aqua{
   background-position: -3600px;
   background-color: #67acba;   
   border-color: #005c71;
   color: #fff;
}
a.shp-btn.aqua:hover{
   background-position: -4000px;
   background-color: #67acba;   
   border-color: #005c71;
   color: #fff;
}
a.shp-btn.office2007{
   background-position: -2000px;
   background-color: #e8f1fc;   
   border-color: #a3bad8;
   color: #555;
}
a.shp-btn.office2007:hover{
   background-position: -2400px;
   background-color: #fff4ca;
   border-color: #bea677;
   color: #555;
}  

a.shp-btn.silvergreen{
   background-position: -2800px;
   background-color: #ebebeb;
   border-color: #a8a8a8;
   color: #555;
}
a.shp-btn.silvergreen:hover{
   background-position: -3200px;
   background-color: #c0f3af;
   border-color: #28a800;
   color: #155800;
}

a.shp-btn.black{
   background-position: -4400px;
   background-color: #5d5d5d;
   border-color: #000;
   color: #fff;
}
a.shp-btn.black:hover{
   background-position: -4800px;
   background-color: #979797;
   border-color: #000;
   color: #fff;
}  

a.shp-btn.winblue{
   background-position: -5200px;
   background-color: #a3bcde;
   border-color: #182e95;
   color: #fff;
}
a.shp-btn.winblue:hover{
   background-position: -5600px;
   background-color: #c0cee8;
   border-color: #182e95;
   color: #fff;
}

a.shp-btn.remotedesktop, a.shp-btn.red2, a.shp-btn.red, a.shp-btn.green, a.shp-btn.vista, a.shp-btn.yellow, a.shp-btn.ni.remotedesktop:hover, a.shp-btn.ni.red2:hover, a.shp-btn.ni.red:hover, a.shp-btn.ni.green:hover, a.shp-btn.ni.vista:hover, a.shp-btn.ni.yellow:hover {
   background: transparent url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-01.png")%>') no-repeat scroll 50% 50%;
}

a.shp-btn.remotedesktop{
   background-position: 0;
   background-color: #5083bb;  
   border-color: #006600;
   color: #fff;
}
a.shp-btn.remotedesktop:hover{
   background-position: -400px;
   background-color: #5083bb;
   border-color: #006600;
   color: #fff;
} 

a.shp-btn.red2{
   background-position: -800px;
   background-color: #ef8f8f;
   border-color: #b70000;
   color: #fff;
}
a.shp-btn.red2:hover{
   background-position: -1200px;
   background-color: #ef8f8f;
   border-color: #b70000;
   color: #fff;
} 

a.shp-btn.red{
   background-position: -2400px;
   background-color: #ef8f8f;
   border-color: #b70000;
   color: #fff;
}
a.shp-btn.red:hover{
   background-position: -2800px;
   background-color: #ef8f8f;
   border-color: #fd0000; /* #b70000;*/
   color: #fff;
} 

a.shp-btn.green{
   background-position: -3200px;
   background-color: #00bb2a;
   border-color: #006600;
   color: #fff;
}
a.shp-btn.green:hover{
   background-position: -3600px;
   background-color: #00bb2a;
   border-color: #006600;
   color: #fff;
} 

a.shp-btn.vista{
   background-position: -4000px;
   background-color: #eeeeee;
   border-color: #707070;
   color: #555;
}
a.shp-btn.vista:hover{
   background-position: -4400px;
   background-color: #e1f3fc;
   border-color: #3d7fb1;
   color: #555;
} 

a.shp-btn.yellow{
   background-position: -4800px;
   background-color: #ffffa4;
   border-color: #f3cb2d;
   color: #555;
}
a.shp-btn.yellow:hover{
   background-position: -5200px;
   background-color: #ffffc2;
   border-color: #f3cb2d;
   color: #555;
} 

a.shp-btn.orange ,a.shp-btn.olive, a.shp-btn.brown, a.shp-btn.green2, a.shp-btn.ni.orange:hover, a.shp-btn.ni.olive:hover, a.shp-btn.ni.brown:hover, a.shp-btn.ni.green2:hover {
   background: transparent url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-02.png")%>') no-repeat scroll 50% 50%;  
}

a.shp-btn.orange{
   background-position: 0;
   background-color: #f8bc59;
   border-color: #fb7021;
   color: #fff;
}
a.shp-btn.orange:hover{
   background-position: -400px;
   background-color: #ffc036;
   border-color: #fb7021;
   color: #fff;
} 

a.shp-btn.olive{
   background-position: -800px;
   background-color: #8f891c;
   border-color: #625E13;
   color: #fff;
}
a.shp-btn.olive:hover{
   background-position: -1200px;
   background-color: #8f891c;
   border-color: #625E13;
   color: #fff;
} 

a.shp-btn.brown{
   background-position: -1600px;
   background-color: #b18228;
   border-color: #563700;
   color: #fff;
}
a.shp-btn.brown:hover{
   background-position: -2000px;
   background-color: #b18228;
   border-color: #563700;
   color: #fff;
}
a.shp-btn.green2{
   background-position: -2400px;
   background-color: #aded99;
   border-color: #28a800;
   color: #555;
}
a.shp-btn.green2:hover{
   background-position: -2800px;
   background-color: #aded99;
   border-color: #28a800;
   color: #555;
}

a.shp-btn.officeblue{   
   background: #e8f1fc url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-00.png")%>') no-repeat scroll -2000px 50%;   
   border-color: #a3bad8;
   color: #555;
}
a.shp-btn.officeblue:hover, a.shp-btn.ni.officeblue:hover{   
   background: #e1f3fc url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.bg.btn-slice-01.png")%>') no-repeat scroll -4400px 50%;
   border-color: #3d7fb1;
   color: #555;
}
a.shp-btn span.shp-ico.Application{background-image: url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.ico.application.png")%>');}
a.shp-btn span.shp-ico.Image{background-image: url('<%=WebResource("Shp.Web.UI.WebControls.Iconized.assets.im.ico.image.png")%>');}
